<template>
  <rm-layout-top splitcolor="white" :splitwidth=5 :fixsize=35 :canDrag=false>
      <template v-slot:fix>
          <div style="height:35px;border:1px solid #CCC;padding:4px;">
               <el-row>
                  <el-col :span="14">
                      <div class="grid-content bg-purple"> <span class="remind_class">*仅显示前1000条数据</span></div>
                  </el-col>
                  <el-col :span="10">
                      <div class="grid-content bg-purple-light">
                          <el-button style="width:72px" @click.native="btnRefresh">刷新</el-button>
                          <el-button style="width:72px" @click.native="btnClose">退出</el-button>
                      </div>
                  </el-col>

              </el-row>

          </div>
      </template>
<div style="height:100%">
  <vxe-table show-overflow ref="xTable" :data.sync="outtimedatas" :loading="loading" height="auto" width="100%" border size="mini" :select-config="{ reserve: true }" show-header-overflow resizable header-align="center" :edit-config="{ trigger: 'click', mode: 'cell', showStatus: true, showIcon: false }" :sort-config="{trigger: 'cell'}">
      <vxe-table-column field="req_deptname" title="申请科室" width="100" sortable></vxe-table-column>
      <vxe-table-column field="req_wardname" title="病人病区" width="100" sortable></vxe-table-column>
      <vxe-table-column field="packagebarcode" title="传送条码" width="100" sortable></vxe-table-column>
      <vxe-table-column field="barcode" title="条码号" width="120" sortable></vxe-table-column>
      <vxe-table-column field="send_username" title="送出人" width="100" sortable></vxe-table-column>
      <vxe-table-column field="send_dt" title="送出时间" width="140" sortable></vxe-table-column>
      <vxe-table-column field="send_user1name" title="运送人" width="100" sortable></vxe-table-column>
      <vxe-table-column field="outtime" title="已送出时间(分钟)" width="120" sortable></vxe-table-column>
      <vxe-table-column field="req_groupna" title="分单类别" width="80" sortable></vxe-table-column>
      <vxe-table-column field="sample_items" title="申请项目(描述)" width="200" sortable></vxe-table-column>
      <vxe-table-column field="specimen_name" title="标本类型" width="80" sortable></vxe-table-column>
      <vxe-table-column field="perform_deptname" title="执行科室" width="80" sortable></vxe-table-column>
      <vxe-table-column field="pat_name" title="病人姓名" width="120" sortable></vxe-table-column>
      <vxe-table-column field="pat_sexname" title="性别" width="40" align="center" sortable></vxe-table-column>
      <vxe-table-column field="pat_agestr" title="年龄" width="80" sortable></vxe-table-column>
      <vxe-table-column field="req_statname" sortable title="状态" width="60" align="center"></vxe-table-column>
      <vxe-table-column field="sampled_dt" sortable title="采样时间" width="120" align="center"></vxe-table-column>
      <vxe-table-column field="sampled_username" sortable title="采样人" width="100" align="center"></vxe-table-column>
      <vxe-table-column field="create_username" sortable title="创建人" width="70" align="center"></vxe-table-column>
      <vxe-table-column field="create_dt" sortable title="创建时间" width="120" align="center"></vxe-table-column>
      <vxe-table-column field="pat_typename" sortable title="病人来源" width="60" align="center"></vxe-table-column>
      <vxe-table-column field="pat_no" sortable title="病历号" width="100"></vxe-table-column>
      <vxe-table-column field="pat_id" sortable title="病人ID" width="120"></vxe-table-column>
      <vxe-table-column field="pat_cardno" sortable title="就诊卡号" width="120"></vxe-table-column>
  </vxe-table>
</div>

</rm-layout-top>

</template>

<script type="text/javascript">
  export default {
      name: "rm_backtaskfailalertinfo",
      props: {
          tabledata: {
              type: Array
          },
          params: {
              type: Object
          },
      },
      data() {
          return {
              outtimedatas: this.tabledata,
              labobj: {
                  formobj: {},
                  tableobj: [],
                  plankey: 0
              },
              loading: false,
          };
      },
      created() {},
      computed: {},
      watch: {},
      mounted() {},
      methods: {
          btnRefresh() {
              this.loading = true;
              this.$tool
                  .request({
                      url: "ucent/alertmsg",
                      method: "post",
                      data: {
                          params: this.params.paramlist,
                      },
                  })
                  .then((res) => {
                      this.outtimedatas = res.data;
                      this.loading = false;
                  })
                  .catch((e) => {
                      this.$alert(e, "提示");
                      this.loading = false;
                  });
          },
          //退出
          btnClose() {
              this.$emit("change", "close");
          },

      },
  };
</Script>

<style scoped>
  .remind_class {
      color: rgb(236, 11, 11);
      font-size: 14px;
  }

  ::v-deep .mytable-style .vxe-body--row.row-pink {
      background-color: pink;
      color: rgb(8, 8, 8);
  }
</style>
